.user-box {
	font-size: 12px;
}

.title {
	padding: 10px;
	position: relative;
}

.title:before {
	content: "";
	height: 60%;
	width: 4rpx;
	display: inline-block;
	background: #3e6ff0;
	position: absolute;
	left: 0;
	top: 20%;
}

.cell-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30rpx;
	color: #666;
	background-color: #fff;
	border-bottom: 1px dashed #efefef;
}

.cell-item image {
	border-radius: 50%;
	width: 80rpx;
	height: 80rpx;
}

.cell-item .right-content {
	width: 70%;
	text-align: right;
}

.user {
	background-color: #f3f4f6;
}

.user .user-container {
	background-color: #f3f4f6;
}

.user .avator {
	border-bottom: 2rpx solid #dedede;
}

.user .username {
	border-bottom: 2rpx solid #dedede;
}

.user .email {
	border-bottom: 2rpx solid #dedede;
}

.user .role {
	border-bottom: 2rpx solid#dedede;
}

.user .telPhone {
	border-bottom: 2rpx solid #dedede;
}

.user .merchant-logo {
	border-bottom: 2rpx solid #dedede;
}

.user .regitster-info {
	border-bottom: 2rpx solid #dedede;
}

.logout {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	margin-top: 20rpx;
	color: #f26363;
}

.logout .iconfont {
	font-size: 40rpx;
	margin-right: 10rpx;
	margin-top: 3rpx;
}